import React, { Component } from 'react'
import Item from "./item/"
import img0 from "./imgs/img0/";
let aitem = {
    title: '标题',
    big: '大图片',
    smalls: [
        {
            img: '小图片',
            title: '商品标题',
            infor: '商品简介',
            price: '商品价格',
        },
        {
            img: '小图片',
            title: '商品标题',
            infor: '商品简介',
            price: '商品价格',
        },
        {
            img: '小图片',
            title: '商品标题',
            infor: '商品简介',
            price: '商品价格',
        },
        {
            img: '小图片',
            title: '商品标题',
            infor: '商品简介',
            price: '商品价格',
        },
        {
            img: '小图片',
            title: '商品标题',
            infor: '商品简介',
            price: '商品价格',
        },
        {
            img: '小图片',
            title: '商品标题',
            infor: '商品简介',
            price: '商品价格',
        },
    ]
}
let testArr = [aitem, aitem, aitem]

let style = {
    margin: '0 auto',
    width: '1200px',
    minHeight: '200px'
}
class ShowList extends Component {
    constructor(props) {
        super(props)
        this.state = {
            
        }
    }
    render() {
        return <ul className="ShowList" style={style}>
            {testArr.map((v, i) => {
                return <Item one={v} imgs={img0}/>
            })}
            <Item one={aitem} imgs={img0}/>
        </ul>
    }
}

export default ShowList;